<template>
  <div class="w">
    <div id="content">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>node.js 新手入门</el-breadcrumb-item>
      </el-breadcrumb>
      <el-card>
        <div class="markdown-text">
          <h2>Node.js 入门</h2>
          <p>《<strong>汇智网 Node.js 课程</strong>》</p>
          <p><a href="http://www.hubwiz.com/course/?type=nodes">http://www.hubwiz.com/course/?type=nodes</a></p>
          <p>《<strong>快速搭建 Node.js 开发环境以及加速 npm</strong>》</p>
          <p><a href="http://fengmk2.com/blog/2014/03/node-env-and-faster-npm.html">http://fengmk2.com/blog/2014/03/node-env-and-faster-npm.html</a></p>
          <p>《<strong>Node.js 包教不包会</strong>》</p>
          <p><a href="https://github.com/alsotang/node-lessons">https://github.com/alsotang/node-lessons</a></p>
          <p>《<strong>ECMAScript 6入门</strong>》</p>
          <p><a href="http://es6.ruanyifeng.com/">http://es6.ruanyifeng.com/</a></p>
          <p>《<strong>七天学会NodeJS</strong>》</p>
          <p><a href="https://github.com/nqdeng/7-days-nodejs">https://github.com/nqdeng/7-days-nodejs</a></p>
          <p>
            《<strong>Node入门-<em>一本全面的Node.js教程</em></strong
            >》
          </p>
          <p><a href="http://www.nodebeginner.org/index-zh-cn.html">http://www.nodebeginner.org/index-zh-cn.html</a></p>
          <h2>Node.js 资源</h2>
          <p>《<strong>node weekly</strong>》</p>
          <p><a href="http://nodeweekly.com/issues">http://nodeweekly.com/issues</a></p>
          <p>
            《<strong>node123-<em>node.js中文资料导航</em></strong
            >》
          </p>
          <p><a href="https://github.com/youyudehexie/node123">https://github.com/youyudehexie/node123</a></p>
          <p>《<strong>A curated list of delightful Node.js packages and resources</strong>》</p>
          <p><a href="https://github.com/sindresorhus/awesome-nodejs">https://github.com/sindresorhus/awesome-nodejs</a></p>
          <p>《<strong>Node.js Books</strong>》</p>
          <p><a href="https://github.com/pana/node-books">https://github.com/pana/node-books</a></p>
          <h2>Node.js 名人</h2>
          <p>《<strong>名人堂</strong>》</p>
          <p><a href="https://github.com/cnodejs/nodeclub/wiki/%E5%90%8D%E4%BA%BA%E5%A0%82">https://github.com/cnodejs/nodeclub/wiki/名人堂</a></p>
          <h2>Node.js 服务器</h2>
          <p>新手搭建 Node.js 服务器，推荐使用无需备案的 <a href="https://www.digitalocean.com/?refcode=eba02656eeb3">DigitalOcean(https://www.digitalocean.com/)</a></p>
        </div>
      </el-card>
    </div>
    <!-- 右侧区域 -->
    <div id="sidebar">
      <!-- 登录区域 -->
      <div class="panel">
        <div class="inner">
          <p>
            CNode：Node.js专业中文社区
          </p>
          <div>您可以 <a href="javascript:;">登录 </a>或 <a href="javascript:;"> 注册</a>，也可以</div>
          <el-button type="primary" class="loginbtn">通过 GitHub 登录</el-button>
        </div>
      </div>
      <!-- 友情社区 -->
      <div class="panel">
        <div class="header">
          <span class="col_fade">友情社区</span>
        </div>
        <div class="inner">
          <ol class="friendship-community">
            <li>
              <a href="javascript:;">
                <img src="../../public/images/ruby-china-20150529.png" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img src="../../public/images/golangtc-logo.png" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img src="../../public/images/phphub-logo.png" alt="" />
              </a>
            </li>
          </ol>
        </div>
      </div>
      <!-- 二维码区域 -->
      <div class="panel">
        <div class="header">
          <span class="col_fade">客户端二维码</span>
        </div>
        <div class="inner app_download">
          <img width="200px" src="../../public/images/QRcode.png" alt="" />
          <br />
          <a href="https://github.com/soliury/noder-react-native" target="_blank">客户端源码地址</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped></style>
